<template>
  <div
    :style="{textAlign: 'center', backgroundColor: '#fefbf6',  width:'100%',height:'100%', backgroundSize:'cover'}"
  >
    <img :src="imgUrl" />
    <div :style="{width: '100%'}">
      <div :style="{fontSize: '45px', color: '#f9726f'}">“等等，你好像走错门了”</div>
      <div :style="{fontSize: '23px'}">401:你没有访问此内容的权限</div>
      <Button type="warning" @click="handleSignout">退出</Button>
    </div>
  </div>
</template>
<style>
</style>
<script>
import { Button } from "view-design";
import appService from "@/utils/appService";
export default {
  components: {
    Button
  },
  data() {
    return {
      imgUrl: require("@/assets/403.png")
    };
  },
  methods: {
    handleSignout() {
      appService.signOut();
    }
  }
};
</script>
